﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />

<!--引入ztree的css文件-->
<link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>我的桌面</title>
	<link rel="stylesheet" href="./static/app/css/app.css">
	<style>
		.app-daishenhe-box{
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: 220px
		}
		.app-daishenhe-box div{
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			height: 160px;
		}
		.app-daishenhe-box div span:nth-child(1){
			font-size: 300%;
		}
		.app-daishenhe-box div span:nth-child(2){
			font-size: 16px;
		}
	</style>
</head>
<body>
<div class="page-container">

	<div class="row">
		<div class="col-sm-3">

			<!--资源目录-->
			<div class="panel panel-secondary">
				<div class="panel-header">资源目录</div>
				<div class="panel-body">
					<ul id="zuzhiTree" class="ztree"></ul>
				</div>
			</div>

		</div>
		<div class="col-sm-6">
			<div class="panel panel-secondary">
				<div class="panel-header">信息统计</div>
				<div class="panel-body" style="height: 220px;padding: 0px">
					<div id="mychart" style="width: 100%;height: 100%"></div>
				</div>
			</div>
		</div>
		<div class="col-sm-3">
			<div class="panel panel-secondary">
				<div class="panel-header">待审核</div>
				<div class="panel-body" style="padding: 0px">
					<div class="app-daishenhe-box">
						<div>
							<span>7
								<span style="font-size: 14px">条</span>
							</span>
							<span>资源登记</span>
						</div>
						<div>
							<span>12
								<span style="font-size: 14px">条</span>
							</span>
							<span>资源申请</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-5">
			<!--请求参数-->
			<div class="panel panel-secondary mt-20">
				<div class="panel-header">请求参数</div>
				<div class="panel-body" style="padding: 0px">
					<table class="app-table app-table1 table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>ownername</td>
							<td>string</td>
							<td>是</td>
							<td>业主姓名</td>
						</tr>
						<tr>
							<td>sex</td>
							<td>string</td>
							<td>是</td>
							<td>性别</td>
						</tr>
						<tr>
							<td>age</td>
							<td>int</td>
							<td>是</td>
							<td>年龄</td>
						</tr>
						<tr>
							<td>education</td>
							<td>string</td>
							<td>是</td>
							<td>学历</td>
						</tr>
						<tr>
							<td>politicaloutlook</td>
							<td>string</td>
							<td>是</td>
							<td>政治面貌</td>
						</tr>
						<tr>
							<td>permanentpopulation</td>
							<td>string</td>
							<td>是</td>
							<td>常住人口</td>
						</tr>
						<tr>
							<td>contactaddress</td>
							<td>string</td>
							<td>是</td>
							<td>联系地址</td>
						</tr>
						<tr>
							<td>emergencycontact</td>
							<td>string</td>
							<td>是</td>
							<td>紧急联系人</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table2 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>houseaddress</td>
							<td>string</td>
							<td>是</td>
							<td>房屋地址</td>
						</tr>
						<tr>
							<td>housestatus</td>
							<td>string</td>
							<td>是</td>
							<td>房屋状态</td>
						</tr>
						<tr>
							<td>houseprice</td>
							<td>int</td>
							<td>是</td>
							<td>房屋价格</td>
						</tr>
						<tr>
							<td>transactiontimes</td>
							<td>int</td>
							<td>是</td>
							<td>交易次数</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table3 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>housename</td>
							<td>string</td>
							<td>是</td>
							<td>业主姓名</td>
						</tr>
						<tr>
							<td>cellresidencetime</td>
							<td>int</td>
							<td>是</td>
							<td>小区驻留时间</td>
						</tr>
						<tr>
							<td>friendnumber</td>
							<td>int</td>
							<td>是</td>
							<td>访客数</td>
						</tr>
						<tr>
							<td>friendtime</td>
							<td>int</td>
							<td>是</td>
							<td>访客驻留时间</td>
						</tr>
						<tr>
							<td>activityparticipation</td>
							<td>int</td>
							<td>是</td>
							<td>活动参与度</td>
						</tr>
						<tr>
							<td>transactiontimes</td>
							<td>int</td>
							<td>是</td>
							<td>社区个人行为</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table4 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>pointname</td>
							<td>string</td>
							<td>是</td>
							<td>目标名称</td>
						</tr>
						<tr>
							<td>event</td>
							<td>string</td>
							<td>是</td>
							<td>事件</td>
						</tr>
						<tr>
							<td>eventtype</td>
							<td>string</td>
							<td>是</td>
							<td>事件属性</td>
						</tr>
						<tr>
							<td>eventtime</td>
							<td>date</td>
							<td>是</td>
							<td>发生时间</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table5 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>garbagedisposal</td>
							<td>string</td>
							<td>是</td>
							<td>垃圾处理情况</td>
						</tr>
						<tr>
							<td>water</td>
							<td>int</td>
							<td>是</td>
							<td>断水</td>
						</tr>
						<tr>
							<td>powerfailure</td>
							<td>int</td>
							<td>是</td>
							<td>断电</td>
						</tr>
						<tr>
							<td>powerconsumption</td>
							<td>int</td>
							<td>是</td>
							<td>耗电量</td>
						</tr>
						<tr>
							<td>watercconsumption</td>
							<td>int</td>
							<td>是</td>
							<td>耗水量</td>
						</tr>
						<tr>
							<td>gasconsumption</td>
							<td>int</td>
							<td>是</td>
							<td>耗气量</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table6 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>name</td>
							<td>string</td>
							<td>是</td>
							<td>姓名</td>
						</tr>
						<tr>
							<td>sex</td>
							<td>string</td>
							<td>是</td>
							<td>性别</td>
						</tr>
						<tr>
							<td>age</td>
							<td>int</td>
							<td>是</td>
							<td>年龄</td>
						</tr>
						<tr>
							<td>disease</td>
							<td>string</td>
							<td>是</td>
							<td>疾病</td>
						</tr>
						<tr>
							<td>address</td>
							<td>string</td>
							<td>是</td>
							<td>联系地址</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table7 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>pricetype</td>
							<td>string</td>
							<td>是</td>
							<td>消费类型</td>
						</tr>
						<tr>
							<td>pricedate</td>
							<td>date</td>
							<td>是</td>
							<td>消费时间</td>
						</tr>
						<tr>
							<td>pricenum</td>
							<td>int</td>
							<td>是</td>
							<td>支付金额</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table8 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr>
							<th>参数名</th>
							<th>参数类型</th>
							<th>是否必填</th>
							<th>说明</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>name</td>
							<td>string</td>
							<td>是</td>
							<td>姓名</td>
						</tr>
						<tr>
							<td>sex</td>
							<td>string</td>
							<td>是</td>
							<td>性别</td>
						</tr>
						<tr>
							<td>age</td>
							<td>int</td>
							<td>是</td>
							<td>年龄</td>
						</tr>
						<tr>
							<td>haschild</td>
							<td>string</td>
							<td>是</td>
							<td>有无子女</td>
						</tr>
						<tr>
							<td>socialsecuritysituation</td>
							<td>string</td>
							<td>是</td>
							<td>社保情况</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>

		</div>

		<div class="col-sm-7">
			<!--资源预览-->
			<div class="panel panel-secondary mt-20" style="margin-bottom: 30px;">
				<div class="panel-header">资源预览</div>
				<div class="panel-body" style="padding: 0px">
					<table class="app-table app-table1 table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>业主姓名</th>
							<th>性别</th>
							<th>年龄</th>
							<th>学历</th>
							<th>政治面貌</th>
							<th>常住人口</th>
							<th>联系地址</th>
							<th>紧急联系人</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">
							<td>曹*</td>
							<td>男</td>
							<td>23</td>
							<td>大专</td>
							<td>党员</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元101</td>
							<td>曹**</td>
						</tr>
						<tr class="text-c">
							<td>王*</td>
							<td>女</td>
							<td>26</td>
							<td>本科</td>
							<td>无</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元102</td>
							<td>李*</td>
						</tr>
						<tr class="text-c">
							<td>张*</td>
							<td>女</td>
							<td>25</td>
							<td>高中</td>
							<td>无</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元201</td>
							<td>冯**</td>
						</tr>
						<tr class="text-c">
							<td>邹*</td>
							<td>女</td>
							<td>29</td>
							<td>本科</td>
							<td>无</td>
							<td>否</td>
							<td>统建天成美雅1栋1单元202</td>
							<td>李*</td>
						</tr>
						<tr class="text-c">
							<td>王*</td>
							<td>男</td>
							<td>23</td>
							<td>高中</td>
							<td>无</td>
							<td>否</td>
							<td>统建天成美雅1栋1单元301</td>
							<td>曹**</td>
						</tr>
						<tr class="text-c">
							<td>李*</td>
							<td>女</td>
							<td>32</td>
							<td>本科</td>
							<td>无</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元302</td>
							<td>邹**</td>
						</tr>
						<tr class="text-c">
							<td>胡*</td>
							<td>男</td>
							<td>32</td>
							<td>大专</td>
							<td>无</td>
							<td>否</td>
							<td>统建天成美雅1栋1单元401</td>
							<td>李*</td>
						</tr>
						<tr class="text-c">
							<td>郭*</td>
							<td>男</td>
							<td>51</td>
							<td>初中</td>
							<td>党员</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元402</td>
							<td>王*</td>
						</tr>
						<tr class="text-c">
							<td>周*</td>
							<td>男</td>
							<td>32</td>
							<td>本科</td>
							<td>无</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元501</td>
							<td>桂**</td>
						</tr>
						<tr class="text-c">
							<td>胡**</td>
							<td>男</td>
							<td>37</td>
							<td>本科</td>
							<td>党员</td>
							<td>是</td>
							<td>统建天成美雅1栋1单元502</td>
							<td>胡**</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table2 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>房屋地址</th>
							<th>房屋状态</th>
							<th>房屋价格</th>
							<th>交易次数</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元101</td>
							<td>自住</td>
							<td>120.05万</td>
							<td>1</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元102</td>
							<td>自住</td>
							<td>120.15万</td>
							<td>3</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元201</td>
							<td>自住</td>
							<td>120.25万</td>
							<td>1</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元202</td>
							<td>出租</td>
							<td>120.32万</td>
							<td>2</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元301</td>
							<td>自住</td>
							<td>121.56万</td>
							<td>5</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元302</td>
							<td>空置</td>
							<td>122.1万</td>
							<td>4</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元401</td>
							<td>自住</td>
							<td>119.23万</td>
							<td>1</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元402</td>
							<td>出租</td>
							<td>112.34万</td>
							<td>3</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元501</td>
							<td>出租</td>
							<td>118.75万</td>
							<td>6</td>
						</tr>
						<tr class="text-c">

							<td>统建天成美雅1栋1单元502</td>
							<td>空置</td>
							<td>116.95万</td>
							<td>1</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table3 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>业主姓名</th>
							<th>小区驻留时间</th>
							<th>访客数</th>
							<th>访客驻留时间</th>
							<th>活动参与度</th>
							<th>社区个人行为</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">

							<td>曹*</td>
							<td>3小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>20%</td>
							<td>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-07-02">高空抛物</span>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-06-02">乱扔垃圾</span>
							</td>
						</tr>
						<tr class="text-c">

							<td>王*</td>
							<td>5小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>45%</td>
							<td>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-05-01">扰民</span>
							</td>
						</tr>
						<tr class="text-c">

							<td>张**</td>
							<td>8小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>76%</td>
							<td></td>
						</tr>
						<tr class="text-c">

							<td>邹*</td>
							<td>11小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>98%</td>
							<td>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-04-22">破坏公共设施</span>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-07-12">纠纷</span>
							</td>
						</tr>
						<tr class="text-c">

							<td>王**</td>
							<td>3小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>12%</td>
							<td></td>
						</tr>
						<tr class="text-c">

							<td>李**</td>
							<td>5小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>38%</td>
							<td>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-01-02">扰民</span>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-02-05">占用消防车道</span>
							</td>
						</tr>
						<tr class="text-c">

							<td>胡*</td>
							<td>7小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>68%</td>
							<td>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-03-02">乱扔垃圾</span>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-04-12">乱停车</span>
							</td>
						</tr>
						<tr class="text-c">

							<td>郭*</td>
							<td>8小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>72%</td>
							<td></td>
						</tr>
						<tr class="text-c">

							<td>周**</td>
							<td>3小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>56%</td>
							<td>
								<span class="label label-danger radius" data-toggle="tooltip" data-placement="top" title="2017-06-12">破坏公共设施</span>
							</td>
						</tr>
						<tr class="text-c">

							<td>胡**</td>
							<td>2小时</td>
							<td>2</td>
							<td>4小时</td>
							<td>13%</td>
							<td></td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table4 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>目标名称</th>
							<th>事件</th>
							<th>事件属性</th>
							<th>发生时间</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">
							<td>陈**</td>
							<td>聚众吸毒</td>
							<td>社区个人行为</td>
							<td>2017-04-01</td>
						</tr>
						<tr class="text-c">

							<td>xx小区4栋</td>
							<td>触碰电子围栏</td>
							<td>电子围栏</td>
							<td>2017-05-01</td>
						</tr>
						<tr class="text-c">

							<td>陈*</td>
							<td>聚众吸毒</td>
							<td>社区个人行为</td>
							<td>2017-04-01</td>
						</tr>
						<tr class="text-c">

							<td>xx小区2栋</td>
							<td>触碰电子围栏</td>
							<td>电子围栏</td>
							<td>2017-05-01</td>
						</tr>
						<tr class="text-c">

							<td>王*</td>
							<td>聚众吸毒</td>
							<td>社区个人行为</td>
							<td>2017-04-01</td>
						</tr>
						<tr class="text-c">

							<td>xx小区6栋</td>
							<td>触碰电子围栏</td>
							<td>电子围栏</td>
							<td>2017-05-01</td>
						</tr>
						<tr class="text-c">

							<td>曹**</td>
							<td>聚众吸毒</td>
							<td>社区个人行为</td>
							<td>2017-04-01</td>
						</tr>
						<tr class="text-c">

							<td>xx小区1栋</td>
							<td>触碰电子围栏</td>
							<td>电子围栏</td>
							<td>2017-05-01</td>
						</tr>
						<tr class="text-c">

							<td>李**</td>
							<td>聚众吸毒</td>
							<td>社区个人行为</td>
							<td>2017-04-01</td>
						</tr>
						<tr class="text-c">

							<td>xx小区3栋</td>
							<td>触碰电子围栏</td>
							<td>电子围栏</td>
							<td>2017-05-01</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table5 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>社区名称</th>
							<th>垃圾处理情况</th>
							<th>断水(次数)</th>
							<th>断电(次数)</th>
							<th>耗电量(万KWH)</th>
							<th>好水量(千立方米)</th>
							<th>耗气量(千立方米)</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">
							<td>统建天成美雅小区</td>
							<td>已处理</td>
							<td>0</td>
							<td>0</td>
							<td>23</td>
							<td>3</td>
							<td>5</td>
						</tr>
						<tr class="text-c">
							<td>假日威尼斯小区</td>
							<td>已处理</td>
							<td>1</td>
							<td>0</td>
							<td>32</td>
							<td>12</td>
							<td>8</td>
						</tr>
						<tr class="text-c">
							<td>万达城南小区</td>
							<td>已处理</td>
							<td>1</td>
							<td>1</td>
							<td>12</td>
							<td>21</td>
							<td>2</td>
						</tr>
						<tr class="text-c">
							<td>贝尔菲特小区</td>
							<td>未处理</td>
							<td>1</td>
							<td>0</td>
							<td>21</td>
							<td>12</td>
							<td>5</td>
						</tr>
						<tr class="text-c">
							<td>世纪天成小区</td>
							<td>未处理</td>
							<td>0</td>
							<td>2</td>
							<td>11</td>
							<td>21</td>
							<td>6</td>
						</tr>
						<tr class="text-c">
							<td>蓝天小区</td>
							<td>已处理</td>
							<td>0</td>
							<td>1</td>
							<td>11</td>
							<td>21</td>
							<td>2</td>
						</tr>
						<tr class="text-c">
							<td>四季美小区</td>
							<td>未处理</td>
							<td>1</td>
							<td>3</td>
							<td>21</td>
							<td>13</td>
							<td>1</td>
						</tr>
						<tr class="text-c">
							<td>统建天成美雅小区</td>
							<td>已处理</td>
							<td>0</td>
							<td>0</td>
							<td>23</td>
							<td>3</td>
							<td>5</td>
						</tr>
						<tr class="text-c">
							<td>飞信小区</td>
							<td>已处理</td>
							<td>0</td>
							<td>3</td>
							<td>16</td>
							<td>13</td>
							<td>5</td>
						</tr>
						<tr class="text-c">
							<td>天网小区</td>
							<td>未处理</td>
							<td>0</td>
							<td>2</td>
							<td>23</td>
							<td>3</td>
							<td>5</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table6 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>姓名</th>
							<th>性别</th>
							<th>年龄</th>
							<th>疾病</th>
							<th>联系地址</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">
							<td>白**</td>
							<td>男</td>
							<td>29</td>
							<td>无</td>
							<td>统建天成美雅1栋101</td>
						</tr>
						<tr class="text-c">

							<td>吴*</td>
							<td>男</td>
							<td>32</td>
							<td>无</td>
							<td>统建天成美雅1栋102</td>
						</tr>
						<tr class="text-c">

							<td>张*</td>
							<td>女</td>
							<td>41</td>
							<td>心脏病</td>
							<td>统建天成美雅1栋201</td>
						</tr>
						<tr class="text-c">

							<td>张**</td>
							<td>男</td>
							<td>53</td>
							<td>哮喘</td>
							<td>统建天成美雅1栋202</td>
						</tr>
						<tr class="text-c">

							<td>李**</td>
							<td>女</td>
							<td>28</td>
							<td>无</td>
							<td>统建天成美雅1栋301</td>
						</tr>
						<tr class="text-c">

							<td>王*</td>
							<td>女</td>
							<td>33</td>
							<td>无</td>
							<td>统建天成美雅1栋302</td>
						</tr>
						<tr class="text-c">

							<td>释**</td>
							<td>男</td>
							<td>24</td>
							<td>肾结石</td>
							<td>统建天成美雅1栋401</td>
						</tr>
						<tr class="text-c">

							<td>李**</td>
							<td>女</td>
							<td>32</td>
							<td>心肌梗塞</td>
							<td>统建天成美雅1栋402</td>
						</tr>
						<tr class="text-c">

							<td>张**</td>
							<td>男</td>
							<td>53</td>
							<td>无</td>
							<td>统建天成美雅1栋501</td>
						</tr>
						<tr class="text-c">

							<td>陈*</td>
							<td>女</td>
							<td>32</td>
							<td>无</td>
							<td>统建天成美雅1栋502</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table7 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>消费类型</th>
							<th>消费时间</th>
							<th>支付金额</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">

							<td>食品烟酒</td>
							<td>2017-02-01</td>
							<td>700</td>
						</tr>
						<tr class="text-c">

							<td>食品烟酒</td>
							<td>2017-03-21</td>
							<td>3270</td>
						</tr>
						<tr class="text-c">

							<td>衣着</td>
							<td>2017-06-01</td>
							<td>15200</td>
						</tr>
						<tr class="text-c">

							<td>居住</td>
							<td>2017-06-03</td>
							<td>6200</td>
						</tr>
						<tr class="text-c">

							<td>生活用品及服务</td>
							<td>2017-03-13</td>
							<td>4900</td>
						</tr>
						<tr class="text-c">

							<td>交通通信</td>
							<td>2017-02-27</td>
							<td>1780</td>
						</tr>
						<tr class="text-c">

							<td>教育文化娱乐</td>
							<td>2017-02-08</td>
							<td>4500</td>
						</tr>
						<tr class="text-c">

							<td>医疗保健</td>
							<td>2017-06-29</td>
							<td>600</td>
						</tr>
						<tr class="text-c">

							<td>其他用品与服务</td>
							<td>2017-07-01</td>
							<td>3200</td>
						</tr>
						<tr class="text-c">

							<td>食品烟酒</td>
							<td>2017-07-21</td>
							<td>1200</td>
						</tr>
						</tbody>
					</table>

					<table class="app-table app-table8 app-hidden table table-border table-bordered table-hover table-bg table-sort table-striped radius">
						<thead>
						<tr class="text-c">
							<th>姓名</th>
							<th>性别</th>
							<th>年龄</th>
							<th>有无子女</th>
							<th>社保情况</th>
						</tr>
						</thead>
						<tbody>
						<tr class="text-c">

							<td>陈*</td>
							<td>男</td>
							<td>67</td>
							<td>有</td>
							<td>有</td>
						</tr>
						<tr class="text-c">

							<td>李**</td>
							<td>女</td>
							<td>66</td>
							<td>无</td>
							<td>有</td>
						</tr>
						<tr class="text-c">

							<td>王*</td>
							<td>男</td>
							<td>67</td>
							<td>有</td>
							<td>无</td>
						</tr>
						<tr class="text-c">

							<td>张*</td>
							<td>男</td>
							<td>79</td>
							<td>有</td>
							<td>无</td>
						</tr>
						<tr class="text-c">

							<td>胡**</td>
							<td>女</td>
							<td>67</td>
							<td>有</td>
							<td>无</td>
						</tr>
						<tr class="text-c">

							<td>李*</td>
							<td>女</td>
							<td>68</td>
							<td>有</td>
							<td>无</td>
						</tr>
						<tr class="text-c">

							<td>曹**</td>
							<td>男</td>
							<td>67</td>
							<td>有</td>
							<td>有</td>
						</tr>
						<tr class="text-c">

							<td>刘*</td>
							<td>男</td>
							<td>81</td>
							<td>无</td>
							<td>有</td>
						</tr>
						<tr class="text-c">

							<td>杨*</td>
							<td>男</td>
							<td>82</td>
							<td>有</td>
							<td>有</td>
						</tr>
						<tr class="text-c">

							<td>王*</td>
							<td>女</td>
							<td>71</td>
							<td>无</td>
							<td>无</td>
						</tr>

						</tbody>
					</table>

				</div>
			</div>

		</div>
	</div>

</div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script src="./lib/echarts/3.4.0/echarts.common.min.js"></script>
<!--ztree 所需要的js文件-->
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>

<script>
    var setting = {
        view: {
            dblClickExpand: false,
            showLine: true,
            selectedMulti: false
        },
        data: {
            simpleData: {
                enable:true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: ""
            }
        },
		callback: {
            onClick: function(event, treeId, treeNode, treeFlag){
                var id = treeNode.id;
                $('.app-table').addClass('app-hidden');
                switch(id){
					case 101:
					    $('.app-table1').removeClass('app-hidden');
					    break;
                    case 102:
                        $('.app-table2').removeClass('app-hidden');
                        break;
                    case 103:
                        $('.app-table3').removeClass('app-hidden');
                        break;
                    case 104:
                        $('.app-table4').removeClass('app-hidden');
                        break;
                    case 105:
                        $('.app-table5').removeClass('app-hidden');
                        break;
                    case 106:
                        $('.app-table6').removeClass('app-hidden');
                        break;
                    case 107:
                        $('.app-table7').removeClass('app-hidden');
                        break;
                    case 108:
                        $('.app-table8').removeClass('app-hidden');
                        break;
				}
			}
        }
    };

    var zuzhiNodes = [
        { id:1, pId:0, name:"资源目录", open:true},
        { id:101, pId:1, name:"社区人口信息"},
        { id:102, pId:1, name:"社区房产信息"},
        { id:103, pId:1, name:"社区居民行为信息"},
        { id:104, pId:1, name:"社区安全信息"},
        { id:105, pId:1, name:"社区环境信息"},
        { id:106, pId:1, name:"社区居民健康信息"},
        { id:107, pId:1, name:"社区居民消费信息"},
        { id:108, pId:1, name:"社区智慧养老"}

    ];

    $(document).ready(function(){
        var t1 = $("#zuzhiTree");
        t1 = $.fn.zTree.init(t1, setting, zuzhiNodes);

        var mychart = echarts.init( document.getElementById('mychart') );
        var option = {
            tooltip : {
                trigger: 'axis'
            },
            toolbox: {
                show : false,
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType: {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            legend: {
                data:['数据采集','资源申请'],
				y:20
            },
            xAxis : [
                {
                    type : 'category',
                    data : ['2016-08','2016-09','2016-10','2016-11','2016-12','2017-01','2017-02','2017-03','2017-04','2017-05','2017-06','2017-07']
                }
            ],
            yAxis : [
                {
                    type : 'value',
                    name : '采集数量',
                    axisLabel : {
                        formatter: '{value} 条'
                    }
                },
                {
                    type : 'value',
                    name : '申请次数',
                    axisLabel : {
                        formatter: '{value} 次'
                    }
                }
            ],
            series : [

                {
                    name:'数据采集',
                    type:'bar',
                    data:[1432, 2142, 4212, 3196, 5123, 6123, 3217, 3176, 5312, 6123, 3224, 5232],
                    itemStyle:{
                        normal:{
                            color:'#3bb4f2'
						}
					}
                },
                {
                    name:'资源申请',
                    type:'line',
                    yAxisIndex: 1,
                    data:[23, 15, 42, 32, 16, 19, 61, 43, 31, 27, 18, 22],
                    itemStyle:{
                        normal:{
                            color:'#5eb95e'
                        }
                    }
                }
            ]
        };

        mychart.setOption(option);

    });

</script>
</body>
</html>